@import "~themes/vars.less";


.root {
  .selected {
    height: 100px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    overflow: scroll;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
  }

  .addcontent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 40px;
    line-height: 50px;
    align-items: center;
  }

  :global {

    .ant-card-body {
      padding: 10px;
    }

    .ant-radio-group {
      width: 90%;
    }

    .ant-radio {
      position: absolute;
      right: 0;
      top: 6px;
    }

    .ant-tree li span.ant-tree-switcher,
    .ant-tree li span.ant-tree-iconEle,
    .ant-tree li .ant-tree-node-content-wrapper {
      height: 32px !important;
    }

    .ant-tree li span.ant-tree-checkbox {
      // margin: 11px 4px 0 2px;
      margin: 7px 4px 0 2px;
    }

    .ant-tree li .ant-tree-node-content-wrapper:hover,
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
      background: transparent;
    }

    .ant-tree > li:first-child {
      padding-top: 0 !important;
    }

    .ant-tree-node-content-wrapper .ant-tree-title,
    .ant-tree-child-tree .ant-tree-node-content-wrapper .ant-tree-title {
      color: @color-base;
    }

    .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
      background-color: @color-primary;
      border-color: @color-primary;
    }

    .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
      transform: rotate(48deg) scale(1);
      border: 1px solid #fff;
      border-top: 0;
      border-left: 0;
      height: 10px;
      left: 28%;
      top: 0%;
    }

    .ant-tree-switcher .ant-tree-switcher-loading-icon {
      margin-top: 6px;
    }

    // reset default directory tree selection styles
    .ant-tree.ant-tree-directory {
      li.ant-tree-treenode-selected {
        span.ant-tree-node-content-wrapper::before {
          background: initial;
        }

        span.ant-tree-checkbox.ant-tree-checkbox-checked {
          .ant-tree-checkbox-inner {
            background: #608EFF;

            &::after {
              border-color: #fff;
            }
          }
        }
      }

      .ant-tree-child-tree {
        li.ant-tree-treenode-selected {
          span.ant-tree-node-content-wrapper::before {
            background: initial;
          }

          span.ant-tree-checkbox.ant-tree-checkbox-checked {
            .ant-tree-checkbox-inner {
              background: #608EFF;

              &::after {
                border-color: #fff;
              }
            }
          }
        }
      }
    }
  }
}
